﻿<%@ Page Title="Title" Language="C#" MasterPageFile="~/Site.Master" %>

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <input type="hidden" id="pageName" value="scheduling"/>
   <div class="row">
        <div class="col-md-3">
            <div class="form-group">
                <select class="form-control" data-bind="options: departments, value: selectedDepartment, optionsText: 'title', optionsValue: 'id'"></select>
            </div>
            <div class="list-group" data-bind="foreach: providersInDepartment">
                <a class="list-group-item profile" data-bind="css: { active: selected }, click: $root.SelectPerson"><span data-bind="    text: firstName + ' ' + lastName"></span></a>
            </div>
        </div>
        <div class="col-md-9">
            <div class="panel panel-default">
            <div class="panel-heading">
                <div >
                    <input type="button" value="New" class="btn btn-primary btnNew"/>
                    <input type="button" value="Delete" class="btn btn-danger btnDelete"/>
                </div>
            </div>
            <div class="panel-body">
            
                <section id="templateView" class="view">
                    <div class="gridContainer">
    <table class="tblGrid">
        <thead>
            <tr>
                <td ></td>
                <td >Name</td>
                <td >Time for 1</td>
                <td >Created On</td>
                <td ></td>
                <td ></td>
            </tr>
        </thead>
        <tbody data-bind="template: { name: 'scheduleTemplatesGrid', foreach: scheduleTemplates }">
        </tbody>
    </table>
</div>
                </section>
             </div>
            <div class="panel-footer"></div>
                
            </div>

        </div>
    </div>
    <div id="formContainer" style="display:none" data-bind="template: { name: selectedObj().templateName, data: selectedObj }"></div>
    <div id="scheduleCreateModal" style="display:none" data-bind="template: { name: 'scheduleCreate' }"></div>
 </asp:Content>
 